<template>
  <div class="huanying">
   <header>
    <div class="left" @click='home'><img src="../assets/img/未标题-2.png" ></div>
      <div class="center" >意见反馈</div>
      <div class="right"></div>
    </header>
   <main>
   <div class="top">
        你有什么问题相对我们说？
   </div>
     <div class="center">
        <div class="he">
       <p>你的宝贵意见是我们进步的源泉</p>
       <textarea></textarea>
       </div>
       <div class="wen">
         请详细叙述你遇到的问题，有效于我们快速定位和解决问题，或留下你的宝贵意见，我们会认真进行评估
       </div>
       <div class="button">
         提交意见
       </div>
     </div>
   </main>
   <footer>
     <p>当前设备号</p>
     <ul>
       <li>手机型号oppoR9</li>
        <li>软件版本号</li>
         <li>系统版本号</li>
       
     </ul>
   </footer>
  </div>
</template>
<script type="text/javascript">
export default {
  name: 'shou',
  data () {
    return {
      msg: '最火帖子'
    }
  },
  methods: {
    home: function () {
      this.$router.go(-1)
    }
  }
}
</script>
<style scoped lang="less">
  @import '.././assets/css/reset.css';
  @import '.././assets/css/index.less';

  header {
    .height(150);
    position: fixed;
    top: 0;
    width: 100%;
    background:#1a1a1a;
    display: flex;
    text-align: center;
    align-items: center;
      .left,.right{
        display: flex;

        .width(80);
        img{
          .height(30);
          display: block;
          margin: auto;

        }
      }
      .center{
       flex:1;
        .font-size(60);
        color: #be8f59;
      }
    }
    main{
      .padding(150,0,0,0);
      .top{
        .font-size(30) ;
        .line-height(70);
        padding-left: 5%;

      }
      .center{
        .he{
        margin: 0 auto;
        width: 90%;
        border: 5px solid #ccc;
        .border-radius(10); 
        p{
          .font-size(24) ;
           .line-height(70);
            padding-left: 2%;
            color:#acacac;
        }
        textarea{
          .height(400) ;
          border: none;
        }}
      }
      .wen{

        .font-size(30) ;
           .line-height(50);
           padding-left: 5%;
           padding-right: 5%;
           color:#acacac;
      }
      .button{
        width: 88%;
        margin: 30px auto;

        background: black;
        color: #5e4f3d;
        .font-size(30) ;
           .line-height(80);
           text-align: center;
      }
    }
    footer{
      position: fixed;
      bottom: 0;
      width: 100%;
      p{
        .font-size(30) ;
           .line-height(70);
            padding-left: 5%;
            
      }
      ul{
        .font-size(30) ;
           .line-height(70);
            padding-left:7%;
            color:#acacac;
      }

    }
 </style>
